<template>
  <div class="login-container">
    <logo-view></logo-view>
    <router-view></router-view>
    <div class="form-link">
      <el-link type="primary" href="/register">点击注册</el-link>
    </div>
  </div>
</template>

<script setup>
import { RouterView } from 'vue-router'
import LogoView from '@/components/login/LogoView.vue'
</script>

<style lang="scss" scoped>
.login-container {
  width: 30%;
  height: 40%;
  display: flex;
  flex-direction: column; /* 更改主轴方向为列 */
  justify-content: center; /* 在列方向上居中（对于单个元素，此行可能不起作用，取决于内容高度） */
  align-items: center; /* 在行方向上居中 */
  background-color: white;
  border-radius: 10px; /* 圆角 */
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  .form-link {
    width: 100%; /* 确保.form-link占据整个宽度 */
    text-align: right; /* 将内容对齐到右边 */
    margin-right: 200px;
  }
}
</style>
